body {
    background-image: url(/homeimg/stars.jpg);
    background-size: 20%
}

#main {
    background-color: #b13111d2;
    width: auto;
    height: auto;
    padding: 20px;

    border: 2px dashed;
    border-color: rgb(255, 247, 247);
}


/* DESKTOP */
@media (min-width: 700px) {
    #main {
        background-color: #b13111d2;
        width: 550px;
        height: auto;
        padding: 20px;
        float: center;
        margin: auto;
    
        border: 2px dashed;
        border-color: rgb(255, 247, 247);
    }

}

@font-face {
    font-family: 'Toleis';
    src: url('/fonts/Toleis-Regular.otf');
}

@font-face {
    font-family: 'Rosd';
    src: url('/fonts/VCRosdNEUE.ttf');
}

@font-face {
    font-family: 'JustSans';
    src: url('/fonts/JUST Sans ExBold.otf');
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Regular.ttf');
}

h1 {
    font-family: JustSans;
    size: 20px;
    color: rgb(197, 223, 127);
}
h2 {
    font-family: JustSans;
    color: rgb(238, 231, 231);
}
h3 {
    font-family: JustSans;
    color: rgb(238, 231, 231);
}
p {
    font-family: Roboto;
    size: 10px;
    color: rgb(238, 231, 231);
}
i {
    color: rgb(238, 231, 231);
}
a {
    font-family: Roboto;
    color:rgb(197, 223, 127);
}